草庐IT

HTML + CSS - 重叠标题图像

全部标签

ruby - 使用 HAML 包含 CSS 和 javascript 标签的简短方法

当在HAML中包含javascript或CSS时,您通常必须执行以下操作以包含CSS:%link{:type=>"text/css",:rel=>"stylesheet",:href=>"/css/mycss.css"}对于javascript:%script{:type=>"text/javascript",:src=>"/js/myscript.js"}我想知道HAML是否没有包含这些标签的简短方法(当然是从源获取内容,而不是内联),它省略了对type和的需要rel属性,因为它们无论如何都是不变的。请注意,RubyonRails通过函数提供此功能,但我没有使用rails。

css - Sass 和 Compass 中的背景图片路径

这个在config.rb文件中有提到images_dir="images"我在images文件夹中的元素中使用2个文件夹存放图像imagesimages/background/images/content/如果images/background/文件夹中有任何图像,那么我应该如何在cssbackground和Sass变量中添加图像路径?$header-img:"sass.gif";和background-image:url('sass.gif?1327592426');以及如何从每个背景图像中删除这个自动生成的?1327592426? 最佳答案

ruby - 使用 imagemagick 更改图像的颜色

我想使用rmagick/imagemagick更改图像的前景色。更具体地说:我想转换black或whiteglyphicons-halflings图标(包含在twitterbootstrap中)转换为深蓝色glyphicons-halflings图标。(如果我能指定hexcolor或RGB颜色就好了。)我不知道这是否可行,但我点击了imagemagick文档,发现的唯一内容是convert--size100x100xc:skyblueglyphicons-halflings.png-compositefoo.png,问题在于这仅在您指定大小时有效,并且它正在更改前景色而不是背景色。而且

ruby-on-rails - 将提交按钮图像添加到 Rails 表单

我正在Rails中创建一个用于提交评论的表单,我希望提交按钮是一个图像,而不是一个HTML按钮。在thisbitofdocumentation,它说代码是image_submit_tag,但我无法在我的代码中使用它。这是我正在使用的:truedo|f|%>NameWebsiteTwitter感谢您的帮助。 最佳答案 我刚遇到这个问题,试图解决同样的问题。一个突然的想法让我尝试了这样的事情::image,:src=>"/images/comment-button.png"%>将创建这样的东西:尝试一下:-)

css - Rails - @import 和 *= require 之间的区别?

所以我有一个相对简单的Rails应用程序,我想通过Bootstrap向它添加一些Material设计样式。我已将以下gem添加到我的Gemfile中:gem'bootstrap-sass'gem'bootstrap-material-design'现在它们都可以工作了,我的问题是为什么我似乎必须以不同的方式将它们添加到我的应用程序中。对于vanillaBoostrap,我只是像正常一样将它导入特定View(我认为这是正确的术语)scss文件。@import"bootstrap-sprockets";@import"bootstrap";但是对于MaterialDesigngem,我必须

ruby - 使用 Poltergeist 时如何获取元素的 HTML?

我正在使用带有Poltergeist驱动程序的Capybara。我的问题是:如何获取节点的HTML(字符串)?我读到过使用RackTest驱动程序你可以像这样得到它:find("table").native#=>nativeNokogirielementfind("table").native.to_html#=>"..."但是Poltergeist在节点上调用#native会返回Capybara::Poltergeist::Node,而不是原生的Nokogiri元素。然后在Capybara::Poltergeist::Node上再次调用#native再次返回相同的Capybara::

ruby - Nokogiri 保持 HTML 实体不变

我希望Nokogiri保持HTML实体不变,但它似乎正在将实体转换为实际符号。例如:Nokogiri::HTML.fragment('®').to_s结果:"®"似乎没有任何东西可以将原始HTML返回给我。.inner_html、.text、.content方法都返回'®'而不是'®'有没有办法让Nokogiri保持这些HTML实体不变?我已经搜索过stackoverflow并找到了类似的问题,但没有一个与这个问题完全相同。 最佳答案 这不是一个理想的答案,但您可以通过设置允许的编码来强制它生成实体(如果不是好听的名

ruby-on-rails - Rails 没有在 app/assets/images 文件夹中预编译图像?

我的app/assets/images文件夹中有一些图像(svg)。根据Rails指南,assets文件夹中的所有文件都应该自动预编译。但是,当我使用image_tag('filename')引用图像时,它显示了一个Sprockets::Rails::Helper::AssetNotPrecompiled错误Asset未声明为在生产中预编译。它告诉我手动声明要预编译的文件,但为什么必须这样做?最重要的是,当我在开发中做所有事情时,为什么它会关心生产环境? 最佳答案 如果您在开发中启动服务器后添加了图像,请重新启动服务器。然后Spro

ruby-on-rails - 当不应显示属性时,删除 slim 中的 HTML 标记属性

当类不应在Slim中显示时,我想删除类属性。在ERB中,我可以使用:/>我如何在Slim中执行此操作?我找到了这个,但我觉得必须有一个更惯用的解决方案:| 最佳答案 如果一个属性的值为nil,那么整个属性将被忽略(实际上这发生在nil或false大多数情况下,但看起来class属性对于false和true的行为不同):inputclass=('foo'ifcondition)这将输出如果条件为真,并且如果condition为假。 关于ruby-on-rails-当不应显示属性时,删除sl

ruby-on-rails - 为 Rails 中的邮件将外部 CSS 转换为内联 CSS

我正在尝试创建一个应用程序,该应用程序将发送样式繁多的电子邮件并要求客户端在Google的Gmail之外工作。我研究了这个问题,看起来Gmail从外部文件或嵌套在“样式”标签中的CSS中删除了CSS。是否存在将样式从外部文件移动到内联样式的简单方法?需要的东西:.wide{width:100px;}.cell{display:block;}Sample并将其转换为:Sample谢谢! 最佳答案 这里有一些您可以查看的精华:premailer或premailer-rails用于railsmail_stylepremailerplus(